<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script>
        let str1 = 'ECMAScript2015';
        // includes():返回布尔值，表示是否找到了参数字符串
        console.log(str1.includes('2015'));// true
        console.log(str1.includes('ES6'));// false
        // startsWith(): 返回布尔值，表示参数字符串是否在原字符串的头部
        console.log(str1.startsWith('ECMA'));// true
        console.log(str1.startsWith('2015'));// false
        // endswith(str): 返回布尔值，表示参数字符串是否在原字符串的尾部
        console.log(str1.endsWith('ECMA'));//false
        console.log(str1.endsWith('2015'));//true

        // repeat(n): 返回一个新字符串，表示将原字符串重复 n 次
        let str2 = '重要的事情';
        console.log(str2.repeat(3));// 重要的事情重要的事情重要的事情
        /* padStart():用于头部补全。
        第一个参数是字符串补全生效的最大长度，
        第二个参数是用来补全的字符串*/
        console.log(str2.padStart(11, '重要'));// 重要重要重要重要的事情
        //padEnd():用于尾部补全
        console.log(str2.padEnd(11, '事情'));// 重要的事情事情事情事情

        let str3 = ' 前后有空格 ';
        console.log("%" + str3 + "%");// % 前后有空格 %
        // trimStart(): 消除字符事头部的空格
        console.log("%" + str3.trimStart() + "%");// %前后有空格 %
        // trimEnd(): 消除尾部的空格
        console.log("%" + str3.trimEnd() + "%");// % 前后有空格%
    </script>
</head>
<body>

</body>
</html>